﻿<div id="airline">
    <h2 data-bind="text: name()"></h2>
    <ul data-bind="foreach: flights()">
        <li>
            <div data-bind="click: flightClick">
                <div data-bind="text: departDate()">
                </div>
                <div data-bind="text: departAirport() + ' to ' + arrivalAirport()">
                </div>
            </div>
            <div data-bind="slideVisible: isExpanded()">
                <input class="actionButton" type="button" value="Delete" data-bind="click: deleteClick" />
            </div>
        </li>
    </ul>
    <div>
        <input class="actionButton" type="button" value="Insert" data-bind="click: insertClick" />
        <input type="button" class="actionButton" value="Logoff" data-bind="click: logoff" />
    </div>
</div>
